<div class="section-products">
    <div>
        <div class="motion title scroll-hidden">丰富可靠的智能云产品</div>
        <div class="p1 motion scroll-hidden">
            <ul class="nav nav-tabs motion myTab2" role="tablist1">
                <li class="nav-item">
                    <a class="nav-link active" data-toggle="tab"  href="#myTab2_1" role="tab" aria-controls="myTab2_3">
                        <div class="imgbox">
                            <img src="https://bce.bdstatic.com/bce-portal/static/assets/assets/6b3be84e.png" alt="">
                        </div>
                        <p>计算与网络</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="tav2" data-toggle="tab"  href="#myTab2_2" role="tab" aria-controls="myTab2_3">
                        <div class="imgbox">
                            <img src="https://bce.bdstatic.com/bce-portal/static/assets/assets/da4d4282.png" alt=""
                                width="50px">
                        </div>
                        <p>存储和CDN</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="tav3" data-toggle="tab" href="#myTab2_3" role="tab" aria-controls="myTab2_3"
                        aria-selected="false">
                        <div class="imgbox">
                            <img src="https://bce.bdstatic.com/bce-portal/static/assets/assets/abe8400b.png" alt=""
                                width="50px">
                        </div>
                        <p>数据库</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="tav4" data-toggle="tab" href="#myTab2_4" role="tab" aria-controls="myTab2_4"
                        aria-selected="false">
                        <div class="imgbox">
                            <img src="https://bce.bdstatic.com/bce-portal/static/assets/assets/691af14c.png" alt=""
                                width="50px">
                        </div>
                        <p>安全和管理</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="tav5" data-toggle="tab" href="#myTab2_5" role="tab" aria-controls="myTab2_5"
                        aria-selected="false">
                        <div class="imgbox">
                            <img src=""
                                alt="" width="50px">
                        </div>
                        <p>大数据分析</p>
                    </a>
                </li>
            </ul>
            <div class="tab-content motion" style="height: 400px;" >
                <div class="tab-pane fade show active" id="myTab2_1" >
                    <div class="row">
                        <div class="col-md-3 lefttab main-products">
                            <div class="item main-item">
                                <div class="name">
                                    云服务器 BCC
                                </div>
                                <div class="desc">
                                    高性能、高可靠、安全稳定的弹性计算服务
                                </div>
                                <button type="button" class="btn btn-outline-primary btn-lg btnm">了解更多</button>
                            </div>
                            <div class="item main-item">
                                <div class="name">
                                    容器引擎 CCE
                                </div>
                                <div class="desc">
                                    弹性高可用的容器集群管理平台
                                </div>
                                <button type="button" class="btn btn-outline-primary btn-lg btnm">了解更多</button>
                            </div>
                        </div>
                        <div class="col-md-9 righttab">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="专属服务器 DCC">
                                            专属服务器 DCC
                                        </a>
                                        <div class="desc">
                                            提供性能可控、资源独享、物理资源隔离的专属云计算服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="GPU服务器">
                                            GPU服务器
                                        </a>
                                        <div class="desc">
                                            配备独享GPU的高性能云计算服务，提供卓越的处理能力
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="弹性伸缩">
                                            弹性伸缩
                                        </a>
                                        <div class="desc">
                                            按需自动缩放云端资源，提高业务可靠性、降低运维成本
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#"
                                            data-track-category="产品/产品列表" data-track-name="智能云解析 DNS">
                                            智能云解析 DNS
                                        </a>
                                        <div class="desc">
                                            自研DNS设备，单机千万级解析性能，权威DNS解析专家
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="物理服务器 BBC">
                                            物理服务器 BBC
                                        </a>
                                        <div class="desc">
                                            云环境中的高性能物理裸机服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="函数计算 CFC">
                                            函数计算 CFC
                                        </a>
                                        <div class="desc">
                                            基于事件机制，弹性、高可用、响应快的无服务器计算服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="负载均衡 BLB">
                                            负载均衡 BLB
                                        </a>
                                        <div class="desc">
                                            均衡应用流量，消除故障节点，提高业务可用性
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="私有网络 VPC">
                                            私有网络 VPC
                                        </a>
                                        <div class="desc">
                                            灵活自定义地址空间、提供安全隔离的网络环境
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="myTab2_2" role="tabpanel1" aria-labelledby="tav2">
                    <div class="row">
                        <div class="col-md-3 lefttab main-products">
                            <div class="item main-item">
                                <div class="name">
                                    对象存储 BOS
                                </div>
                                <div class="desc">
                                    海量、灵活分级，支撑国内最大的网盘
                                </div>
                                <button type="button" class="btn btn-outline-primary btn-lg btnm">了解更多</button>
                            </div>
                            <div class="item main-item">
                                <div class="name">
                                    内容分发网络 CDN
                                </div>
                                <div class="desc">
                                    智能调度、就近分发，高可用和高稳定节点
                                </div>
                                <button type="button" class="btn btn-outline-primary btn-lg btnm">了解更多</button>
                            </div>
                        </div>
                        <div class="col-md-9 righttab">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="专属服务器 DCC">
                                            云磁盘 CDS
                                        </a>
                                        <div class="desc">
                                            灵活稳定、方便扩展的万量级IOPS块存储服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="GPU服务器">
                                            云数据库 TableStorage
                                        </a>
                                        <div class="desc">
                                            Free-Schema，弹性扩展的表格存储服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="弹性伸缩">
                                            私有云存储ABC Storage
                                        </a>
                                        <div class="desc">
                                            私有部署的海量非结构化数据存储产品
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="物理服务器 BBC">
                                            文件存储 CFS
                                        </a>
                                        <div class="desc">
                                            高性能、低成本、可扩展的共享文件存储服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="函数计算 CFC">
                                            存储网关 BSG
                                        </a>
                                        <div class="desc">
                                            混合云存储方案，无缝衔接本地和云端环境
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="myTab2_3" role="tabpanel1" aria-labelledby="tav3">
                    <div class="row">
                        <div class="col-md-3 lefttab main-products">
                            <div class="item main-item">
                                <div class="name">
                                    云数据库RDS for MySQL
                                </div>
                                <div class="desc">
                                    兼容 MySQL 协议的关系型数据库服务
                                </div>
                                <button type="button" class="btn btn-outline-primary btn-lg btnm">了解更多</button>
                            </div>
                            <div class="item main-item">
                                <div class="name">
                                    云数据库 TableStorage
                                </div>
                                <div class="desc">
                                    高度弹性灵活的表格存储服务
                                </div>
                                <button type="button" class="btn btn-outline-primary btn-lg btnm">了解更多</button>
                            </div>
                        </div>
                        <div class="col-md-9 righttab">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="云数据库 DRDS">
                                            云数据库 DRDS
                                        </a>
                                        <div class="desc">
                                            兼容 MySQL 协议的分布式关系型数据库服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#"
                                            data-track-category="产品/产品列表" data-track-name="云数据库 DocDB for MongoDB">
                                            云数据库 DocDB for MongoDB
                                        </a>
                                        <div class="desc">
                                            兼容 MongoDB 协议的文档数据库服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#"
                                            data-track-category="产品/产品列表" data-track-name="云数据库 FusionDB">
                                            云数据库 FusionDB
                                        </a>
                                        <div class="desc">
                                            兼容 PostgreSQL 协议的在线大规模并行处理数据仓库服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="数据库审计 DBAudit">
                                            数据库审计 DBAudit
                                        </a>
                                        <div class="desc">
                                            集合规性管理、风险告警、攻击阻断于一体的数据库审计服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#"
                                            data-track-category="产品/产品列表" data-track-name="云数据库 RDS for PostgreSQL">
                                            云数据库 RDS for PostgreSQL
                                        </a>
                                        <div class="desc">
                                            兼容 PostgreSQL 协议的关系型数据库服务
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="云数据库 SCS">
                                            云数据库 SCS
                                        </a>
                                        <div class="desc">
                                            兼容 Redis、Memcached 协议的分布式缓存服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#"
                                            data-track-category="产品/产品列表" data-track-name="云数据库 HTAP for CockroachDB">
                                            云数据库 HTAP for CockroachDB
                                        </a>
                                        <div class="desc">
                                            基于 CockroachDB 支持 OLTP/OLAP 的分布式数据库服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#"
                                            data-track-category="产品/产品列表" data-track-name="数据传输服务 DTS">
                                            数据传输服务 DTS
                                        </a>
                                        <div class="desc">
                                            集数据迁移、数据同步、数据订阅于一体的数据传输服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#"
                                            data-track-category="产品/产品列表" data-track-name="云数据库 RDS for SQL Server">
                                            云数据库 RDS for SQL Server
                                        </a>
                                        <div class="desc">
                                            兼容 SQL Server 协议的关系型数据库服务
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="myTab2_4" role="tabpanel1" aria-labelledby="tav4">
                    <div class="row">
                        <div class="col-md-3 lefttab main-products">
                            <div class="item main-item">
                                <div class="name">
                                    DDoS防护服务
                                </div>
                                <div class="desc">
                                    全面各种防御超大流量DDoS攻击
                                </div>
                                <button type="button" class="btn btn-outline-primary btn-lg btnm">了解更多</button>
                            </div>
                            <div class="item main-item">
                                <div class="name">
                                    应用防火墙 WAF
                                </div>
                                <div class="desc">
                                    专业防护各种Web漏洞攻击
                                </div>
                                <button type="button" class="btn btn-outline-primary btn-lg btnm">了解更多</button>
                            </div>
                        </div>

                        <div class="col-md-9 righttab">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="主机安全客户端">
                                            主机安全客户端
                                        </a>
                                        <div class="desc">
                                            为云服务器提供安全加固及各种恶意入侵防护
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="流量审计 IDS">
                                            流量审计 IDS
                                        </a>
                                        <div class="desc">
                                            旁路入侵检测，快速感知安全威胁事件
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="应急响应">
                                            应急响应
                                        </a>
                                        <div class="desc">
                                            快速响应，降低安全事件对企业自身的影响与损失
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="密钥管理服务">
                                            密钥管理服务
                                        </a>
                                        <div class="desc">
                                            高安全高可靠的密钥管理服务
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="安全检测服务 SRD">
                                            安全检测服务 SRD
                                        </a>
                                        <div class="desc">
                                            检测多种常见Web漏洞，提升业务安全性和稳定性
                                        </div>
                                    </div>

                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="业务安全风控 AFD">
                                            业务安全风控 AFD
                                        </a>
                                        <div class="desc">
                                            为多种业务风险场景提供全方位业务安全风控服务
                                        </div>
                                    </div>

                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="渗透测试">
                                            渗透测试
                                        </a>
                                        <div class="desc">
                                            先于黑客发现系统存在的风险威胁与漏洞
                                        </div>
                                    </div>

                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="云监控 BCM">
                                            云监控 BCM
                                        </a>
                                        <div class="desc">
                                            提供7*24小时的实时监控服务，为您的系统保驾护航
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="myTab2_5" role="tabpanel1" aria-labelledby="tav5">
                    <div class="row">
                        <div class="col-md-3 lefttab main-products">
                            <div class="item main-item">
                                <div class="name">
                                    MapReduce BMR
                                </div>
                                <div class="desc">
                                    全托管的Hadoop/Spark计算集群服务
                                </div>
                                <button type="button" class="btn btn-outline-primary btn-lg btnm">了解更多</button>
                            </div>
                            <div class="item main-item">
                                <div class="name">
                                    数据仓库 Palo
                                </div>
                                <div class="desc">
                                    PB级关系数据分析引擎
                                </div>
                                <button type="button" class="btn btn-outline-primary btn-lg btnm">了解更多</button>
                            </div>
                        </div>
                        <div class="col-md-9 righttab">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="数据工厂Pingo">
                                            数据工厂Pingo
                                        </a>
                                        <div class="desc">
                                            批量和流式数据处理系统，提供数据、作业、资源的统一管理
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="深度学习">
                                            深度学习
                                        </a>
                                        <div class="desc">
                                            针对海量数据提供的云端托管的分布式深度学习平台
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="日志服务 BLS">
                                            日志服务 BLS
                                        </a>
                                        <div class="desc">
                                            全托管日志收集投递服务，助力从海量日志数据中获取洞察力
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="数据众包服务">
                                            数据众包服务
                                        </a>
                                        <div class="desc">
                                            提供高效率、高质量、低成本的数据采集、标注服务
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="数据科学平台Jarvis">
                                            数据科学平台Jarvis
                                        </a>
                                        <div class="desc">
                                            可视化的数据分析挖掘Studio
                                        </div>
                                    </div>

                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="Elasticsearch">
                                            Elasticsearch
                                        </a>
                                        <div class="desc">
                                            全托管服务，助力日志等海量半结构化数据分析
                                        </div>
                                    </div>

                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="消息服务">
                                            消息服务
                                        </a>
                                        <div class="desc">
                                            全托管Kafka服务，高可扩展高通量的消息集成托管服务
                                        </div>
                                    </div>

                                    <div class="item sub-item">
                                        <a class="name" href="#"
                                            data-track-category="产品/产品列表" data-track-name="流式计算BSC">
                                            流式计算BSC
                                        </a>
                                        <div class="desc">
                                            云端的流式数据实时处理的完全托管式服务
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="p2 motion scroll-hidden ">
            <ul class="nav nav-tabs motion myTab2"  role="tablist1">
                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#myTab3_1" role="tab" aria-controls="myTab2_1">
                        <div class="imgbox">
                            <img src=""
                                alt="">
                        </div>
                        <p>数字营销云</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="tav2" data-toggle="tab" href="#myTab3_2" role="tab" aria-controls="myTab2_2"
                        aria-selected="false">
                        <div class="imgbox">
                            <img src="https://bce.bdstatic.com/bce-portal/static/assets/assets/bdc4b8fa.png" alt="">
                        </div>
                        <p>智能多媒体服务</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="tav3" data-toggle="tab" href="#myTab3_3" role="tab" aria-controls="myTab2_3"
                        aria-selected="false">
                        <div class="imgbox">
                            <img src="https://bce.bdstatic.com/bce-portal/static/assets/assets/ad412aa7.png" alt="">
                        </div>
                        <p>物联网服务</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="tav4" data-toggle="tab" href="#myTab3_4" role="tab" aria-controls="myTab2_4"
                        aria-selected="false">
                        <div class="imgbox">
                            <img src=""
                                alt="">
                        </div>
                        <p>人工智能</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="tav5" data-toggle="tab" href="#myTab3_5" role="tab" aria-controls="myTab2_5"
                        aria-selected="false">
                        <div class="imgbox">
                            <img src="https://bce.bdstatic.com/bce-portal/static/assets/assets/ad412aa7.png" alt="">
                        </div>
                        <p>应用服务</p>
                    </a>
                </li>
            </ul>
            <div class="tab-content motion" id="myTabContent2">
                <div class="tab-pane none-tab fade " id="myTab3_1" role="tabpanel1" aria-labelledby="tav1">
                    <div class="row">
                        <div class="col-md-3 lefttab main-products">
                            <div class="item main-item">
                                <div class="name">
                                    云服务器 BCC
                                </div>
                                <div class="desc">
                                    高性能、高可靠、安全稳定的弹性计算服务
                                </div>
                                <button type="button" class="btn btn-outline-primary btn-lg btnm">了解更多</button>
                            </div>
                            <div class="item main-item">
                                <div class="name">
                                    容器引擎 CCE
                                </div>
                                <div class="desc">
                                    弹性高可用的容器集群管理平台
                                </div>
                                <button type="button" class="btn btn-outline-primary btn-lg btnm">了解更多</button>
                            </div>
                        </div>
                        <div class="col-md-9 righttab">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="专属服务器 DCC">
                                            专属服务器 DCC
                                        </a>
                                        <div class="desc">
                                            提供性能可控、资源独享、物理资源隔离的专属云计算服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="GPU服务器">
                                            GPU服务器
                                        </a>
                                        <div class="desc">
                                            配备独享GPU的高性能云计算服务，提供卓越的处理能力
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="弹性伸缩">
                                            弹性伸缩
                                        </a>
                                        <div class="desc">
                                            按需自动缩放云端资源，提高业务可靠性、降低运维成本
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#"
                                            data-track-category="产品/产品列表" data-track-name="智能云解析 DNS">
                                            智能云解析 DNS
                                        </a>
                                        <div class="desc">
                                            自研DNS设备，单机千万级解析性能，权威DNS解析专家
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="物理服务器 BBC">
                                            物理服务器 BBC
                                        </a>
                                        <div class="desc">
                                            云环境中的高性能物理裸机服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="函数计算 CFC">
                                            函数计算 CFC
                                        </a>
                                        <div class="desc">
                                            基于事件机制，弹性、高可用、响应快的无服务器计算服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="负载均衡 BLB">
                                            负载均衡 BLB
                                        </a>
                                        <div class="desc">
                                            均衡应用流量，消除故障节点，提高业务可用性
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="私有网络 VPC">
                                            私有网络 VPC
                                        </a>
                                        <div class="desc">
                                            灵活自定义地址空间、提供安全隔离的网络环境
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane none-tab fade" id="myTab3_2" role="tabpanel1" aria-labelledby="tav2">
                    <div class="row">
                        <div class="col-md-3 lefttab main-products">
                            <div class="item main-item">
                                <div class="name">
                                    对象存储 BOS
                                </div>
                                <div class="desc">
                                    海量、灵活分级，支撑国内最大的网盘
                                </div>
                                <button type="button" class="btn btn-outline-primary btn-lg btnm">了解更多</button>
                            </div>
                            <div class="item main-item">
                                <div class="name">
                                    内容分发网络 CDN
                                </div>
                                <div class="desc">
                                    智能调度、就近分发，高可用和高稳定节点
                                </div>
                                <button type="button" class="btn btn-outline-primary btn-lg btnm">了解更多</button>
                            </div>
                        </div>
                        <div class="col-md-9 righttab">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="专属服务器 DCC">
                                            云磁盘 CDS
                                        </a>
                                        <div class="desc">
                                            灵活稳定、方便扩展的万量级IOPS块存储服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="GPU服务器">
                                            云数据库 TableStorage
                                        </a>
                                        <div class="desc">
                                            Free-Schema，弹性扩展的表格存储服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="弹性伸缩">
                                            私有云存储ABC Storage
                                        </a>
                                        <div class="desc">
                                            私有部署的海量非结构化数据存储产品
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="物理服务器 BBC">
                                            文件存储 CFS
                                        </a>
                                        <div class="desc">
                                            高性能、低成本、可扩展的共享文件存储服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="函数计算 CFC">
                                            存储网关 BSG
                                        </a>
                                        <div class="desc">
                                            混合云存储方案，无缝衔接本地和云端环境
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane none-tab fade" id="myTab3_3" role="tabpanel1" aria-labelledby="tav3">
                    <div class="row">
                        <div class="col-md-3 lefttab main-products">
                            <div class="item main-item">
                                <div class="name">
                                    云数据库RDS for MySQL
                                </div>
                                <div class="desc">
                                    兼容 MySQL 协议的关系型数据库服务
                                </div>
                                <button type="button" class="btn btn-outline-primary btn-lg btnm">了解更多</button>
                            </div>
                            <div class="item main-item">
                                <div class="name">
                                    云数据库 TableStorage
                                </div>
                                <div class="desc">
                                    高度弹性灵活的表格存储服务
                                </div>
                                <button type="button" class="btn btn-outline-primary btn-lg btnm">了解更多</button>
                            </div>
                        </div>
                        <div class="col-md-9 righttab">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="云数据库 DRDS">
                                            云数据库 DRDS
                                        </a>
                                        <div class="desc">
                                            兼容 MySQL 协议的分布式关系型数据库服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#"
                                            data-track-category="产品/产品列表" data-track-name="云数据库 DocDB for MongoDB">
                                            云数据库 DocDB for MongoDB
                                        </a>
                                        <div class="desc">
                                            兼容 MongoDB 协议的文档数据库服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#"
                                            data-track-category="产品/产品列表" data-track-name="云数据库 FusionDB">
                                            云数据库 FusionDB
                                        </a>
                                        <div class="desc">
                                            兼容 PostgreSQL 协议的在线大规模并行处理数据仓库服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="数据库审计 DBAudit">
                                            数据库审计 DBAudit
                                        </a>
                                        <div class="desc">
                                            集合规性管理、风险告警、攻击阻断于一体的数据库审计服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#"
                                            data-track-category="产品/产品列表" data-track-name="云数据库 RDS for PostgreSQL">
                                            云数据库 RDS for PostgreSQL
                                        </a>
                                        <div class="desc">
                                            兼容 PostgreSQL 协议的关系型数据库服务
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="云数据库 SCS">
                                            云数据库 SCS
                                        </a>
                                        <div class="desc">
                                            兼容 Redis、Memcached 协议的分布式缓存服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#"
                                            data-track-category="产品/产品列表" data-track-name="云数据库 HTAP for CockroachDB">
                                            云数据库 HTAP for CockroachDB
                                        </a>
                                        <div class="desc">
                                            基于 CockroachDB 支持 OLTP/OLAP 的分布式数据库服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#"
                                            data-track-category="产品/产品列表" data-track-name="数据传输服务 DTS">
                                            数据传输服务 DTS
                                        </a>
                                        <div class="desc">
                                            集数据迁移、数据同步、数据订阅于一体的数据传输服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#"
                                            data-track-category="产品/产品列表" data-track-name="云数据库 RDS for SQL Server">
                                            云数据库 RDS for SQL Server
                                        </a>
                                        <div class="desc">
                                            兼容 SQL Server 协议的关系型数据库服务
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane none-tab fade" id="myTab3_4" role="tabpanel1" aria-labelledby="tav4">
                    <div class="row">
                        <div class="col-md-3 lefttab main-products">
                            <div class="item main-item">
                                <div class="name">
                                    DDoS防护服务
                                </div>
                                <div class="desc">
                                    全面各种防御超大流量DDoS攻击
                                </div>
                                <button type="button" class="btn btn-outline-primary btn-lg btnm">了解更多</button>
                            </div>
                            <div class="item main-item">
                                <div class="name">
                                    应用防火墙 WAF
                                </div>
                                <div class="desc">
                                    专业防护各种Web漏洞攻击
                                </div>
                                <button type="button" class="btn btn-outline-primary btn-lg btnm">了解更多</button>
                            </div>
                        </div>

                        <div class="col-md-9 righttab">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="主机安全客户端">
                                            主机安全客户端
                                        </a>
                                        <div class="desc">
                                            为云服务器提供安全加固及各种恶意入侵防护
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="流量审计 IDS">
                                            流量审计 IDS
                                        </a>
                                        <div class="desc">
                                            旁路入侵检测，快速感知安全威胁事件
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="应急响应">
                                            应急响应
                                        </a>
                                        <div class="desc">
                                            快速响应，降低安全事件对企业自身的影响与损失
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="密钥管理服务">
                                            密钥管理服务
                                        </a>
                                        <div class="desc">
                                            高安全高可靠的密钥管理服务
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="安全检测服务 SRD">
                                            安全检测服务 SRD
                                        </a>
                                        <div class="desc">
                                            检测多种常见Web漏洞，提升业务安全性和稳定性
                                        </div>
                                    </div>

                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="业务安全风控 AFD">
                                            业务安全风控 AFD
                                        </a>
                                        <div class="desc">
                                            为多种业务风险场景提供全方位业务安全风控服务
                                        </div>
                                    </div>

                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="渗透测试">
                                            渗透测试
                                        </a>
                                        <div class="desc">
                                            先于黑客发现系统存在的风险威胁与漏洞
                                        </div>
                                    </div>

                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="云监控 BCM">
                                            云监控 BCM
                                        </a>
                                        <div class="desc">
                                            提供7*24小时的实时监控服务，为您的系统保驾护航
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane none-tab fade" id="myTab3_5" role="tabpanel1" aria-labelledby="tav5">
                    <div class="row">
                        <div class="col-md-3 lefttab main-products">
                            <div class="item main-item">
                                <div class="name">
                                    MapReduce BMR
                                </div>
                                <div class="desc">
                                    全托管的Hadoop/Spark计算集群服务
                                </div>
                                <button type="button" class="btn btn-outline-primary btn-lg btnm">了解更多</button>
                            </div>
                            <div class="item main-item">
                                <div class="name">
                                    数据仓库 Palo
                                </div>
                                <div class="desc">
                                    PB级关系数据分析引擎
                                </div>
                                <button type="button" class="btn btn-outline-primary btn-lg btnm">了解更多</button>
                            </div>
                        </div>
                        <div class="col-md-9 righttab">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="数据工厂Pingo">
                                            数据工厂Pingo
                                        </a>
                                        <div class="desc">
                                            批量和流式数据处理系统，提供数据、作业、资源的统一管理
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="深度学习">
                                            深度学习
                                        </a>
                                        <div class="desc">
                                            针对海量数据提供的云端托管的分布式深度学习平台
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="日志服务 BLS">
                                            日志服务 BLS
                                        </a>
                                        <div class="desc">
                                            全托管日志收集投递服务，助力从海量日志数据中获取洞察力
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="数据众包服务">
                                            数据众包服务
                                        </a>
                                        <div class="desc">
                                            提供高效率、高质量、低成本的数据采集、标注服务
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="数据科学平台Jarvis">
                                            数据科学平台Jarvis
                                        </a>
                                        <div class="desc">
                                            可视化的数据分析挖掘Studio
                                        </div>
                                    </div>

                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="Elasticsearch">
                                            Elasticsearch
                                        </a>
                                        <div class="desc">
                                            全托管服务，助力日志等海量半结构化数据分析
                                        </div>
                                    </div>

                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="消息服务">
                                            消息服务
                                        </a>
                                        <div class="desc">
                                            全托管Kafka服务，高可扩展高通量的消息集成托管服务
                                        </div>
                                    </div>

                                    <div class="item sub-item">
                                        <a class="name" href="#"
                                            data-track-category="产品/产品列表" data-track-name="流式计算BSC">
                                            流式计算BSC
                                        </a>
                                        <div class="desc">
                                            云端的流式数据实时处理的完全托管式服务
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="p3 motion scroll-hidden">
            <ul class="nav nav-tabs motion myTab2" role="tablist1">
                <li class="nav-item">
                    <a class="nav-link" id="tav1" data-toggle="tab" href="#myTab4_1" role="tab" aria-controls="myTab2_1"
                        aria-selected="true">
                        <div class="imgbox">
                            <img src=""
                                alt="">
                        </div>
                        <p>网站服务</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="tav2" data-toggle="tab" href="#myTab4_2" role="tab" aria-controls="myTab2_2"
                        aria-selected="false">
                        <div class="imgbox">
                            <img src=""
                                alt="">
                        </div>
                        <p>区块链</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="tav3" data-toggle="tab" href="#myTab4_3" role="tab" aria-controls="myTab2_3"
                        aria-selected="false">
                        <div class="imgbox">
                            <img src="https://bce.bdstatic.com/bce-portal/static/assets/assets/a6c5168a.png" alt="">
                        </div>
                        <p>专有云</p>
                    </a>
                </li>
            </ul>
            <div class="tab-content motion" id="myTabContent2">
                <div class="tab-pane none-tab fade" id="myTab4_1" role="tabpanel1" aria-labelledby="tav1">
                    <div class="row">
                        <div class="col-md-3 lefttab main-products">
                            <div class="item main-item">
                                <div class="name">
                                    云服务器 BCC
                                </div>
                                <div class="desc">
                                    高性能、高可靠、安全稳定的弹性计算服务
                                </div>
                                <button type="button" class="btn btn-outline-primary btn-lg btnm">了解更多</button>
                            </div>
                            <div class="item main-item">
                                <div class="name">
                                    容器引擎 CCE
                                </div>
                                <div class="desc">
                                    弹性高可用的容器集群管理平台
                                </div>
                                <button type="button" class="btn btn-outline-primary btn-lg btnm">了解更多</button>
                            </div>
                        </div>
                        <div class="col-md-9 righttab">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="专属服务器 DCC">
                                            专属服务器 DCC
                                        </a>
                                        <div class="desc">
                                            提供性能可控、资源独享、物理资源隔离的专属云计算服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="GPU服务器">
                                            GPU服务器
                                        </a>
                                        <div class="desc">
                                            配备独享GPU的高性能云计算服务，提供卓越的处理能力
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="弹性伸缩">
                                            弹性伸缩
                                        </a>
                                        <div class="desc">
                                            按需自动缩放云端资源，提高业务可靠性、降低运维成本
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#"
                                            data-track-category="产品/产品列表" data-track-name="智能云解析 DNS">
                                            智能云解析 DNS
                                        </a>
                                        <div class="desc">
                                            自研DNS设备，单机千万级解析性能，权威DNS解析专家
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="物理服务器 BBC">
                                            物理服务器 BBC
                                        </a>
                                        <div class="desc">
                                            云环境中的高性能物理裸机服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="函数计算 CFC">
                                            函数计算 CFC
                                        </a>
                                        <div class="desc">
                                            基于事件机制，弹性、高可用、响应快的无服务器计算服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="负载均衡 BLB">
                                            负载均衡 BLB
                                        </a>
                                        <div class="desc">
                                            均衡应用流量，消除故障节点，提高业务可用性
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="私有网络 VPC">
                                            私有网络 VPC
                                        </a>
                                        <div class="desc">
                                            灵活自定义地址空间、提供安全隔离的网络环境
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane none-tab fade" id="myTab4_2" role="tabpanel1" aria-labelledby="tav2">
                    <div class="row">
                        <div class="col-md-3 lefttab main-products">
                            <div class="item main-item">
                                <div class="name">
                                    对象存储 BOS
                                </div>
                                <div class="desc">
                                    海量、灵活分级，支撑国内最大的网盘
                                </div>
                                <button type="button" class="btn btn-outline-primary btn-lg btnm">了解更多</button>
                            </div>
                            <div class="item main-item">
                                <div class="name">
                                    内容分发网络 CDN
                                </div>
                                <div class="desc">
                                    智能调度、就近分发，高可用和高稳定节点
                                </div>
                                <button type="button" class="btn btn-outline-primary btn-lg btnm">了解更多</button>
                            </div>
                        </div>
                        <div class="col-md-9 righttab">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="专属服务器 DCC">
                                            云磁盘 CDS
                                        </a>
                                        <div class="desc">
                                            灵活稳定、方便扩展的万量级IOPS块存储服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="GPU服务器">
                                            云数据库 TableStorage
                                        </a>
                                        <div class="desc">
                                            Free-Schema，弹性扩展的表格存储服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="弹性伸缩">
                                            私有云存储ABC Storage
                                        </a>
                                        <div class="desc">
                                            私有部署的海量非结构化数据存储产品
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="物理服务器 BBC">
                                            文件存储 CFS
                                        </a>
                                        <div class="desc">
                                            高性能、低成本、可扩展的共享文件存储服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="函数计算 CFC">
                                            存储网关 BSG
                                        </a>
                                        <div class="desc">
                                            混合云存储方案，无缝衔接本地和云端环境
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane none-tab fade" id="myTab4_3" role="tabpanel1" aria-labelledby="tav3">
                    <div class="row">
                        <div class="col-md-3 lefttab main-products">
                            <div class="item main-item">
                                <div class="name">
                                    云数据库RDS for MySQL
                                </div>
                                <div class="desc">
                                    兼容 MySQL 协议的关系型数据库服务
                                </div>
                                <button type="button" class="btn btn-outline-primary btn-lg btnm">了解更多</button>
                            </div>
                            <div class="item main-item">
                                <div class="name">
                                    云数据库 TableStorage
                                </div>
                                <div class="desc">
                                    高度弹性灵活的表格存储服务
                                </div>
                                <button type="button" class="btn btn-outline-primary btn-lg btnm">了解更多</button>
                            </div>
                        </div>
                        <div class="col-md-9 righttab">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="云数据库 DRDS">
                                            云数据库 DRDS
                                        </a>
                                        <div class="desc">
                                            兼容 MySQL 协议的分布式关系型数据库服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#"
                                            data-track-category="产品/产品列表" data-track-name="云数据库 DocDB for MongoDB">
                                            云数据库 DocDB for MongoDB
                                        </a>
                                        <div class="desc">
                                            兼容 MongoDB 协议的文档数据库服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#"
                                            data-track-category="产品/产品列表" data-track-name="云数据库 FusionDB">
                                            云数据库 FusionDB
                                        </a>
                                        <div class="desc">
                                            兼容 PostgreSQL 协议的在线大规模并行处理数据仓库服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="数据库审计 DBAudit">
                                            数据库审计 DBAudit
                                        </a>
                                        <div class="desc">
                                            集合规性管理、风险告警、攻击阻断于一体的数据库审计服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#"
                                            data-track-category="产品/产品列表" data-track-name="云数据库 RDS for PostgreSQL">
                                            云数据库 RDS for PostgreSQL
                                        </a>
                                        <div class="desc">
                                            兼容 PostgreSQL 协议的关系型数据库服务
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="item sub-item">
                                        <a class="name" href="#" data-track-category="产品/产品列表"
                                            data-track-name="云数据库 SCS">
                                            云数据库 SCS
                                        </a>
                                        <div class="desc">
                                            兼容 Redis、Memcached 协议的分布式缓存服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#"
                                            data-track-category="产品/产品列表" data-track-name="云数据库 HTAP for CockroachDB">
                                            云数据库 HTAP for CockroachDB
                                        </a>
                                        <div class="desc">
                                            基于 CockroachDB 支持 OLTP/OLAP 的分布式数据库服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#"
                                            data-track-category="产品/产品列表" data-track-name="数据传输服务 DTS">
                                            数据传输服务 DTS
                                        </a>
                                        <div class="desc">
                                            集数据迁移、数据同步、数据订阅于一体的数据传输服务
                                        </div>
                                    </div>
                                    <div class="item sub-item">
                                        <a class="name" href="#"
                                            data-track-category="产品/产品列表" data-track-name="云数据库 RDS for SQL Server">
                                            云数据库 RDS for SQL Server
                                        </a>
                                        <div class="desc">
                                            兼容 SQL Server 协议的关系型数据库服务
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $('.section-products .p1 .nav-link').click(function(){
        $('.section-products .tab-content').css('height','0px');
        if(this.hash=='#myTab2_3'){
            $('.section-products .p1 .tab-content').css('height','480px');
        }else{
            $('.section-products .p1 .tab-content').css('height','400px');
        }
        $('.section-products .nav-link').removeClass('active');
        $(this).addClass('active');
        $('.section-products .p1 .tab-content .tab-pane').removeClass('none-tab');
        $('.section-products .p2 .tab-content .tab-pane').addClass('none-tab');
        $('.section-products .p3 .tab-content .tab-pane').addClass('none-tab');
        $('.section-products .tab-content .tab-pane').removeClass('show');
        $('.section-products .tab-content .tab-pane').removeClass('active');
        $('.section-products .tab-content '+this.hash).addClass('show');
        $('.section-products .tab-content '+this.hash).addClass('active');
    })
    $('.section-products .p2 .nav-link').click(function(){
        $('.section-products .tab-content').css('height','0px');
        if(this.hash=='#myTab3_3'){
            $('.section-products .p2 .tab-content').css('height','480px');
        }else{
            $('.section-products .p2 .tab-content').css('height','400px');
        }
        $('.section-products .nav-link').removeClass('active');
        $(this).addClass('active');
        $('.section-products .p2 .tab-content .tab-pane').removeClass('none-tab');
        $('.section-products .p1 .tab-content .tab-pane').addClass('none-tab');
        $('.section-products .p3 .tab-content .tab-pane').addClass('none-tab');
        $('.section-products .tab-content .tab-pane').removeClass('show');
        $('.section-products .tab-content .tab-pane').removeClass('active');
        $('.section-products .tab-content '+this.hash).addClass('show');
        $('.section-products .tab-content '+this.hash).addClass('active');
    })
    $('.section-products .p3 .nav-link').click(function(){
        $('.section-products .tab-content').css('height','0px');
        if(this.hash=='#myTab2_3'){
            $('.section-products .p3 .tab-content').css('height','480px');
        }else{
            $('.section-products .p3 .tab-content').css('height','400px');
        }
        $('.section-products .p3 .tab-content .tab-pane').removeClass('none-tab');
        $('.section-products .p2 .tab-content .tab-pane').addClass('none-tab');
        $('.section-products .p1 .tab-content .tab-pane').addClass('none-tab');
        $('.section-products .nav-link').removeClass('active');
        $(this).addClass('active');
        $('.section-products .tab-content .tab-pane').removeClass('show');
        $('.section-products .tab-content .tab-pane').removeClass('active');
        $('.section-products .tab-content '+this.hash).addClass('show');
        $('.section-products .tab-content '+this.hash).addClass('active');
    })
</script>